<template>
	<view class="container">
		<image class="image" src="../../static/images/Shop/success.png" mode=""></image>
		<view class="success">挂单成功</view>
		<view class="tips">
			<text>挂单成功，已将您的收购所需的USDT冻结。</text>
			<text>挂单为全天24小时自动收购，无需操作。</text>
		</view>
		<view class="btn">
			<van-button>联系客服</van-button>
			<van-button @click="backHome">返回首页</van-button>
		</view>
	</view>
</template>

<script lang="ts" setup>
	const backHome = ()=>{
		uni.navigateTo({
			url:'/service/Content/index'
		})
	}
</script>

<style lang="scss" scoped>
	.container {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		height: 100vh;
		background-color: #111317;

		.image {
			height: 178px;
			width: 200px;
			margin-bottom: 87px;
		}
		.success{
			font-size: 40px;
			color: white;
			text-align: center;
			font-weight: 600;
			margin-bottom: 32px;
		}
		.tips{
			display: flex;
			flex-direction: column;
			font-size: 24px;
			align-items: center;
			color: white;
			margin-bottom: 96px;
		}
		.btn{
			.van-button{
				width: 216px;
				height: 72px;
				border-radius: 16px;
				background-color: transparent;
				&:nth-child(1){
					margin-right: 64px;
					color: #00D0B9;
					font-size: 28px;
					border: 1px solid #00D0B9;
					box-sizing: border-box;
				}
				&:nth-child(2){
					margin-right: 64px;
					color: black;
					font-size: 28px;
					border:0px solid #00D0B9;
					background-color: #00D0B9;
				}
			}
			
		}
	}
</style>